<template>
    <div class="hello">
      <div class="first-index">
            <div>One</div>
            <div>Two</div>
            <div>Three</div>
            <div>Four</div>
            <div>Five</div>
            <div>One</div>
            <div>Two</div>
            <div>Three</div>
            <div>Four</div>
      </div>
    </div>
</template>
<script>
  export default {
    name: 'HelloWorld',
    data () {
      return {
        msg: 'Welcome to Your Vue.js App'
      }
    }
  }
</script>
<style lang="scss">
    .first-index {
        margin: 0 auto;
        background: url("../assets/img/main-bg.png") no-repeat;
        background-size: cover;
        width: calc(330px + 534px + 330px);
        display: grid;
        grid-template-columns: 330px 534px 330px;
        grid-template-rows: 165px 267px 165px;
        
    }
    // .hello {
    //     overflow: hidden;
    // }
</style>
  